h1 {
  background: -webkit-linear-gradient(135deg,
    #2a63cc,
    #1d59dc 25%,
    #5195e8 50%,
    #0941fd 55%,
    #17b5f1 60%,
    #3257a1 80%,
    #420df3 95%,
    #0f08df);
  /* 文字颜色填充设置为透明 */
  -webkit-text-fill-color: transparent;
  /* 背景裁剪，即让文字使用背景色 */
  -webkit-background-clip: text;
  /* 背景图放大一下，看着柔和一些 */
  -webkit-background-size: 200% 100%;
  /* 应用动画flowCss 12秒速度 无限循环 线性匀速动画*/
  -webkit-animation: flowCss 12s infinite linear;
  &:hover{
    -webkit-animation: flowCss 4s infinite linear;
  }
}

@-webkit-keyframes flowCss {
  0% {
    /* 移动背景位置 */
    background-position: 0 0;
  }

  100% {
    background-position: -400% 0;
  }
}

